@import "../../../../styles/variable";
page {
  background-color: @colorWhite;
}
sd-text {
  flex: 1;
  max-width: 524px;
  margin-left: 20px;
  margin-right: 4px;
}
.cell-item {
  width: 100%;
  height: 100px;
  .flex(row, flex-start, center);
  .title {
    font-size: @font30;
    color: @color333;
    margin-left: 30px;
  }
  .normal-text {
    flex: 1;
    height: 100%;
    margin-left: 20px;
    margin-right: 30px;
    font-size: @font30;
    color: @color333;
    text-align: right;
  }
  .text-placeholder {
    color: @color999;
  }
}
.picker-cell-item {
  width: 100%;
  height: 100px;
  .flex(row, space-between, center);
  .title {
    font-size: @font30;
    color: @color333;
    margin-left: 30px;
  }
  .cell-right {
    display: flex;
    flex-direction: row;
    line-height: 42px;
    align-items: center;
  }
  .picker-text-placeholder {
    width: 100%;
    font-size: @font30;
    color: @color999;
    text-align: right;
  }
  .picker-normal-text {
    height: 100%;
    width: 100%;
    font-size: @font30;
    color: @color666;
    text-align: right;
  }
  .icon-next {
    width: 30px;
    height: 30px;
    margin-right: 22px;
  }
}
.main-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  .section-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 70px;
    width: 690px;
    margin-top: 10px;
    line-height: 42px;
    font-size: @font30;
    color: @color333;
  }
  .section-content {
    width: 690px;
    line-height: 42px;
    font-size: @font28;
    color: @color666;
  }
}
.fixed-bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2000;
  background-color: @colorBg;
}
